<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>index</title>
        <link rel="stylesheet" href="../css/frozen.css">
        <link rel="stylesheet" href="../css/swiper.min.css">
        <link rel="stylesheet" href="../css/app.css">
    </head>
    <body>
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i>
            <div class="PubSearch">
                <div class="searchRole">
                    <a href="#" class="singler selected">宝贝</a>
                    <a href="#" class="shoper">店铺</a>
                </div>
                <div class="InSeInput">
                    <input type="text" id="InSeInput_txt" placeholder="Search">
                </div>
            </div>
            <i class="icon-menu" data-effect="st-effect-1"></i>
            
        </header>
        <div id="sidebarEffect">
            <div id="st-container" class="st-container">
                <nav class="st-menu st-effect-1" id="menu-1">
                    <ul>
                        <li><a href="#">链接</a></li>
                        <li><a href="#">链接</a></li>
                        <li><a href="#">链接</a></li>
                        <li><a href="#">链接</a></li>
                        <li><a href="#">链接</a></li>
                    </ul>
                </nav>
            </div>
        </div>
        
        <section class="ui-container">
            <section id="IndexSlider">
                <div class="ui-slider">
                    <ul class="ui-slider-content" style="width: 300%">
                        <li class="current"><span style="background-image:url(http://placehold.sinaapp.com/?640*200)"></span></li>
                        <li><span style="background-image:url(http://placehold.sinaapp.com//?640*200)"></span></li>
                        <li><span style="background-image:url(http://placehold.sinaapp.com//?640*200)"></span></li>
                    </ul>
                </div>
            </section>
            <section id="IndexSwiper">
                <div class="InWraper">
                    <div class="InSeHeader">
                        <h2>悦生活</h2>
                    </div>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="">
                                    <img src="http://placeholder.qiniudn.com/124x124" alt="" class="img-responsive">
                                    <h3>美女</h3>
                                    <p>夏日时尚懒人托</p>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="">
                                    <img src="http://placeholder.qiniudn.com/124x124" alt="" class="img-responsive">
                                    <h3>美女</h3>
                                    <p>夏日时尚懒人托</p>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="">
                                    <img src="http://placeholder.qiniudn.com/124x124" alt="" class="img-responsive">
                                    <h3>美女</h3>
                                    <p>夏日时尚懒人托</p>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="">
                                    <img src="http://placeholder.qiniudn.com/124x124" alt="" class="img-responsive">
                                    <h3>美女</h3>
                                    <p>夏日时尚懒人托</p>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="">
                                    <img src="http://placeholder.qiniudn.com/124x124" alt="" class="img-responsive">
                                    <h3>美女</h3>
                                    <p>夏日时尚懒人托</p>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="">
                                    <img src="http://placeholder.qiniudn.com/124x124" alt="" class="img-responsive">
                                    <h3>美女</h3>
                                    <p>夏日时尚懒人托</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section id="IndexGrid">
                <div class="InWraper">
                    <div id="runcarbox">
                        <div id="runcar"></div>
                    </div>
                    <div class="InSeHeader">
                        <h2>今日好货</h2>
                    </div>
                    <div class="ingridTable">
                        <ul class="ui-grid-trisect ui-border-b">
                            <li>
                                <div class="ui-grid-trisect-img">
                                    <a href="">
                                        <img src="http://placeholder.qiniudn.com/140x140" alt="">
                                        <span>$1.888.0</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="ui-grid-trisect-img">
                                    <a href="">
                                        <img src="http://placeholder.qiniudn.com/140x140" alt="">
                                        <span>$1.888.0</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="ui-grid-trisect-img">
                                    <a href="">
                                        <img src="http://placeholder.qiniudn.com/140x140" alt="">
                                        <span>$1.888.0</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="ui-grid-trisect-img">
                                    <a href="">
                                        <img src="http://placeholder.qiniudn.com/140x140" alt="">
                                        <span>$1.888.0</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </section>

        </section><!-- /.ui-container-->
        <script src="../require.js" data-main="../js/index"></script>

    </body>
</html>